<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="@section('website-icon')/favicon.ico @show"/>

    <title>@section('document-title'){{ config('app.name', '') }}@show</title>

    @section('stylesheet')
    @show
    @section('header-script')
    @show

</head>
<body id="page-top" class="position-relative @section('body-class')@show">



<div id="app" class=" app-wrapper">
    @section('body-header')

    @show
    <div class="container page-wrapper">
        <header class="header-wrapper">
            @section('page-header')

            @show
        </header>
        <div class="banner-wrapper">
            @section('page-banner')
            @show
        </div>
        <div class=" main-wrapper d-flex justify-content-around">
            @section('page-side-left')
            @show


                <div class="content-wrapper flex-grow-1 flex-shrink-1" style="width: 0">
                    @section('page-main')

                    @show
                </div>


            @section('page-side-right')
            @show


        </div>
        <div class="container footer-wrapper ">
            @section('page-footer')
                <div class="position-fixed fixed-bottom w-100 mt-5">
                    <div class="bg-light p-3 text-center text-black-50">Copyright&copy; {{date('Y')}} {{config('app.name')}} All Rights Reserved.</div>
                </div>
            @show
        </div>

    </div>

    @section('body-footer')

    @show

    {{--@section('body-backtop')
        <el-backtop target=".app-wrapper " :bottom="80"></el-backtop>
    @show--}}


</div>


@section('body-loading')
    <div id="page-loading" class=" justify-content-center mx-auto text-center position-absolute " style="width: 100vw;height: 100%; z-index:999999;left: 0;top: 0;background:rgba(0,0,0,0.5);">
        <div style="margin-top:40vh">
            {{--        <div class="spinner-border text-primary" role="status" style="width: 5em;height:5em;"></div>--}}
            <div class="text-primary" role="status" >
                <i class="el-icon-loading" style="
                @section('body-loading-style')font-size:5em;@show"></i>
            </div>
            <br/>
            <span class="h5">
                @section('body-loading-text')
                    系统正在加载中......
                @show
            </span>
        </div>
    </div>
@show


</body>
</html>


@section('footer-script')
@show
